*{word-break:break-all;}
body{
	margin:0;
	padding:0;
    background:#FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	line-height: 1.7 !important;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important; color: #333333 !important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;color: #152e83 !important;}
ul{list-style:none;}
img,a img {border:none;}


.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("/shtml/img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}

/* = Blocs
-------------------------------------------------------------- */
#header{ background-color:rgba(255,255,255,1);z-index: 99999;top: 0px; width: 100%;}
.headerbox{ height: 98px; overflow: hidden; position: relative; width: 100%; border-bottom: 1px solid #eeeeee;}
.bloc{
	width:100%;
	clear:both;
	padding:0 20px;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
}


/* Sizes */

.bloc-lg{
	padding:80px 20px;
}
.bloc-md{
	padding:40px 20px;
}
.bloc-sm{
	padding:12px 20px;
}
.bloc-lg02{
	padding:80px 20px 0px 20px;
}
.bloc-lg03{
	padding:0px 20px 80px 20px;
}
/* = Full Width Blocs 
-------------------------------------------------------------- */

.full-width-bloc{
	padding-left:0;
	padding-right:0;
}
.full-width-bloc .row{
	margin-left:0;
	margin-right:0;
}
.full-width-bloc .container{
	width:100%;
	max-width:100%!important;
}
.full-width-bloc .carousel img{
	width:100%;
	height:auto;
}


/* Background Effects */

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:-1;
}
.parallax {
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Dark theme */

.d-bloc{
	color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
	color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
	border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	color:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
	background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.d-bloc .card{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
	color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
	color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Light theme */

/* Row Margin Offsets */

.nav-item{ padding: 0px 5px;}
/* = NavBar
-------------------------------------------------------------- */

/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}
/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-sm{
	margin-top:10px;
	margin-bottom:5px;
}
.mg-md{
	margin-bottom:20px;
	color: #333333;
}
.mg-md02{
	margin-top:0px;
	margin-bottom:20px;
	color: #333333;
}
.mg-md03{
	margin-top:20px;
	margin-bottom:12px;
	color: #333333;
	text-align: center;
}
/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	background:rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */
button{
	outline: none!important;
}

.btn-style-none,.btn-style-none:hover,.btn-style-none:active,.btn-style-none:focus{
	background:none;
	box-shadow: none;
	padding:0;
}
.btn-wire{
	background:transparent!important;
	border:2px solid transparent;
}
.btn-wire:hover{
	background:transparent!important;
	border:2px solid transparent;
}
.a-block{
	width:100%;
	text-align:left;
	display: inline-block;
}
.text-center .a-block{
	text-align:center;
}
.dropdown a .caret{
	margin:0 0 0 5px}.btn-dropdown .dropdown-menu .dropdown{
	padding: 3px 20px;
}

/* = Icons
-------------------------------------------------------------- */
.icon-md{
	font-size:30px!important;
}




.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}




.carousel-nav-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}
/* Scroll FX */
.scroll-fx-in-range{
	will-change: opacity;
}


/* ScrollToTop button */

.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity:0;
	z-index:999;
	transition: all .3s ease-in-out;
	pointer-events:none;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}
/* = MacBook Devices
-------------------------------------------------------------- */

.blocsapp-device-mb{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	display: block;
	width:100%;
	height:auto;
	padding: 3.6% 15% 7.5%;
}
.blocsapp-device-mb img{
	width:100%;
	height:auto;
	margin: 0 auto;
}
.blocsapp-device-mb .embed-responsive::before{
	padding-top: 56.25%;
}
.blocsapp-device-mb .embed-responsive{
	padding-bottom: 8%;
}
/* = MacBook Space Grey
-------------------------------------------------------------- */

.mb-space-grey{
	background-image:url("/shtml/img/Mockup02.png");
}
/* = Lightbox
-------------------------------------------------------------- */

a[data-lightbox]{
	position: relative;
	display: block;
	text-align: center;
}
a[data-lightbox]:hover::before{
	content:"+";
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
	font-size:32px;
	line-height: 42px;
	width:50px;
	height:50px;
	margin-left:-25px;
	border-radius: 50%;
	background:rgba(0,0,0,.5);
	color:#FFF;
	font-weight:100;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
a[data-lightbox]:hover img{
	opacity: 0.6;
	-webkit-animation-fill-mode: none;
	animation-fill-mode:none;
}
.lightbox-caption{
	padding: 20px;
	color: #FFF;
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 5px;
}
.close-lightbox:hover,.next-lightbox:hover, .prev-lightbox:hover{
	background:rgba(0,0,0,.5);
}
.next-lightbox, .prev-lightbox,.close-lightbox{
	position: absolute;
	padding:6px;
	background:rgba(0,0,0,.3);
	line-height:0;
	transition: background .2s ease-in-out;
	border-radius:.25rem;
	border:none;
	z-index:20;
}
.next-lightbox, .prev-lightbox{
	top:45%;
}
.close-lightbox{
	top:20px;
	right:20px;
}
.next-lightbox{
	right:25px;
}
.prev-lightbox{
	left:25px;
}
.lightbox-prev-icon,.lightbox-next-icon,.lightbox-close-icon{
	fill:none;
	stroke: #fff;
	stroke-width: 3px;
	fill-rule: evenodd;
	stroke-linecap:round;
}
.lightbox-close-svg{
	pointer-events:none;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font: 16px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
}
.container{
	max-width:1200px;
	position: relative;
}
.p-style{
	font-size:14px;
	text-align: center;
}
.img-style{
	width:163px;
}
.h4-style{
	line-height:35px;
}
.img-group-21-style{
	border-radius:21px 21px 21px 21px;
}
.btn-padding{
	width:14.94%;
}
.color--000000{
	text-transform:none;
}
.carousel-style{
	width:100%;
}
.link-style{
	font-family:(null);
}
.h3-style{
	font-size:18px;
}
.h3-fwyjfgs-style{
	font-size:18px;
}
.p-bloc-1-style{
	font-size:14px;
	color: #777777;
	line-height: 1.8;
	margin-bottom: 0px !important;
}
.p-bloc-2-style{
	font-size:15px;
	color: #777777;
	line-height: 1.8;
	margin-bottom: 0px !important;
	width: 90%;
margin: 0 auto;
}
.p-2-style{
	font-size:14px;
}
.h3-fwyjs-style{
	font-size:18px;
}
.p-3-style{
	font-size:14px;
}
.h3-cpjfwdx-style{
	font-size:32px;
}
.p-1-style{
	font-size:14px;
}
.h3-5-style{
	font-size:32px;
	color: #000000;
	text-align: center;
}
.h4-stjx-style{
	font-size:18px;
}
.p-bloc-5-style{
	font-size:16px;
}
.h4-kspg-style{
	font-size:18px;
}
.h4-dzys-style{
	font-size:18px;
}
.h4-ermzz-style{
	font-size:18px;
}
.h4-pptzz-style{
	font-size:18px;
}
.h4-wkzz-style{
	font-size:18px;
}
.h4-sphb-style{
	font-size:18px;
}
.h4-sdzh-style{
	font-size:18px;
}
.h3-xlgj-style{
	font-size:32px;
}
.p-10-style{
	font-size:14px; color: #999999;
}
.p-bloc-4-style{
	font-size:14px;
	color: #777777;
}

/* = Colour
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-white{
	background-color:#FFFFFF;
}
.bgc-black{
	background-color:#2D2A44;
}

/* Text colour styles */

.tc-white{
	color:#FFFFFF!important;
}

/* Bloc image backgrounds */

.bg-image-203{
	background-image:url("/shtml/img/image3.jpg");
}
.bg-image-204{
	background-image:url("/shtml/img/bg02.jpg");
}
.bg-image-205{
	background-image:url("/shtml/img/bg06.jpg");
	
}
.bg-image-206{
	background-image:url("/shtml/img/bg08.jpg");
}
.parallax-gj{min-height:460px; margin-top:100px;}

.logo{ height:60px;}
.circular{width: 1017px; margin:20px auto 0 auto; display: block;}
.container_us02{ line-height:55px; margin-bottom: 0px !important;}
.container_div02_text01{ width:35%; float: left; position: relative; overflow: hidden;}
.container_div02_text02{ width:65%; float: left; position: relative; overflow: hidden;}
.container_div02_box{ width:90%; display: block ; margin: 0 auto; position: relative;}
.container_div02_text01 .h3-5-style{ text-align: left !important; margin-top:12px;}
/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:80px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
	.bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}
@media (max-width: 767px)
{
    
}



@media (max-width: 575px){
	.mt-1{
	}
	.footer-link{
		text-align:center;
	}
	
}
.container_div_p05{ margin-top: 25px;}
.container_teacher_more{ position: absolute;top:30px ; right:20px; font-size: 12px; border-radius:20px; display: block; height:26px; line-height:26px; padding: 0px 15px;background-color: #eeeeee; color: #666666 !important;}
.container_teacher_more:hover{ color: #ffffff !important; background:#152e83;}
.us_p01{ font-size: 14px; color: #333333; display: block; margin-top:10px; width: 250px; line-height: 22px;margin-bottom: 5px !important;}
.us_p02{color: #333333; display: block; overflow: hidden;}
.us_p02 p{ float: left; border: 1px solid #999999; font-size: 21px; height: 45px; line-height: 45px; padding: 0px 30px; }
.container_top{ margin-top:30px;}
.container_color{ color: #ffffff !important; text-align: center;}
.bloc_bg{ background: url(/shtml/img/Rectangle.png) center center; background-repeat: no-repeat; padding:40px 0px;}
.bloc_pd{ padding:40px 20px 80px 20px !important;}
.voffset_img{ width:80px !important; margin:20px auto 0px auto;}
.bloc_bg02{ background:  #F9F9F9; padding-bottom:30px; text-align: center;}
.bloc_bg02_img{ display:inline-table !important; height:62px; margin:30px 17px 30px 17px !important;}
.bloc_bg02_div{ overflow:hidden; position: relative;}
.container_h4{ font-size:18px !important;}
.container_h4_a{ font-size:14px !important; color: #ffffff !important;}
.container_h4_a:hover{ opacity: 0.7; color: #FFFFFF !important;}
.code{ width: 116px; margin: 0 auto; display: block;}
.code_p{ font-size: 14px; text-align: center; margin-top:10px;}
.index_img:hover{box-shadow: 0px 0px 10px #dddddd;}
.indextop02{ padding-bottom: 5px;}
.container_us{ margin-bottom:60px;}
.container_div_p25{ margin-top:55px;}

.mt14{margin-top:14px;}
.mr_t1 { background: url(/shtml/img/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name { font: bold 16px/40px "微软雅黑"; color: #FFF; background: #2257A2 url(/shtml/img/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
.mr_frbox { overflow:hidden;}
.mr_frBtnL { float: left; margin: 28px 22px 0px 0px; cursor: pointer; display: inline; }
.mr_frUl { float: left; height: 130px; width: 540px; }
.mr_frBtnR { float: right; margin-top: 28px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; height: 115px; width: 125px; margin-right: 13px; overflow: hidden; }
.mr_frUl ul li img { display: block; margin-bottom: 7px; border: 1px solid #D8D8D8; }
.container_font{ font-size: 14px;}
.container_textmian{ font-size: 13px; display: block; text-align: center;}


.headertop{ padding-top:5px}
.container_teacher{ overflow: hidden; position: relative; width: 100%;}
.container_teacher_text{ float: left; overflow:hidden;}
.container_teacher_text_p01{ font-size:32px; display: block; line-height: 38px; color: #333333;}
.container_teacher_text_p02{ font-size: 14px; display: block; color: #666666; line-height: 24px;margin-bottom:2px; }
.voffset_h3{ margin-top:0px !important;}

@-webkit-keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@-webkit-keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}@keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}.loader-circle{top:50%;left:50%;z-index:1;color:#444;margin-top:-1em;margin-left:-1em;position:absolute;-webkit-animation:L_circle_rotate 1.568s linear infinite both;animation:L_circle_rotate 1.568s linear infinite both}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right:before,.loader-circle:before{content:'';display:block;border-style:solid;border-width:.21429em;border-color:currentColor}.loader-circle,.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right,.loader-circle .loader-stroke-right:before,.loader-circle:before{width:2em;height:2em;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right{position:absolute;clip:rect(0 2em 2em 1em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right:before{position:absolute;clip:rect(0 1em 2em 0)}.loader-circle:before{position:absolute;clip:rect(0 1.05em 1em .95em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right,.loader-circle:before{-webkit-animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-right:before{-webkit-animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-left:before{-webkit-animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}
.mhn-item{width:100%;padding:30px 16px 60px 16px;}
.mhn-inner{width:100%;height:100%;}
.mhn-item img{ width: 88px !important;}
.mhn-img{min-height:200px;overflow:hidden;height:100%;width:100%;color:white;position:relative}
.mhn-text{text-align:left; padding-top: 20px;}
.mhn-text h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:18px; color: #333333; margin-bottom:25px ; margin-top:12px; display: block;}
.mhn-text p{ display: block; overflow:hidden; font-size: 14px; color: #666666; margin-top:0px !important; margin-bottom:8px !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height: 24px;	line-height: 24px;}
.mhn-text a{ display: block; overflow:hidden; font-size: 14px; color: #003BBD !important; margin-top:20px !important; margin-bottom:5px !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mhn-text a:hover{opacity: 0.7 !important;}
.mhn-text02{text-align:left; padding-top: 20px;}
.mhn-text02 h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:18px; color: #333333; margin-bottom:25px ; margin-top:12px; display: block;}
.mhn-text02 p{ display: block; overflow:hidden; font-size: 14px; color: #666666; margin-top:0px !important; margin-bottom:8px !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height: 24px;	line-height: 24px;}
.mhn-text02 a{ display: block; overflow:hidden; font-size: 14px; color: #003BBD !important; margin-top:20px !important; margin-bottom:5px !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mhn-text02 a:hover{opacity: 0.7 !important;}

.indextop{ margin-top:25px;}
.indextop03{ margin-top:10px;}
.owl-nav img{width:40px !important;}

.mhn-inner_div{ margin:0px 25px; padding: 20px 0px;}
@-webkit-keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@-webkit-keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}@keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}.loader-circle{top:50%;left:50%;z-index:1;color:#444;margin-top:-1em;margin-left:-1em;position:absolute;-webkit-animation:L_circle_rotate 1.568s linear infinite both;animation:L_circle_rotate 1.568s linear infinite both}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right:before,.loader-circle:before{content:'';display:block;border-style:solid;border-width:.21429em;border-color:currentColor}.loader-circle,.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right,.loader-circle .loader-stroke-right:before,.loader-circle:before{width:2em;height:2em;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right{position:absolute;clip:rect(0 2em 2em 1em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right:before{position:absolute;clip:rect(0 1em 2em 0)}.loader-circle:before{position:absolute;clip:rect(0 1.05em 1em .95em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right,.loader-circle:before{-webkit-animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-right:before{-webkit-animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-left:before{-webkit-animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}
.mhn-slide .mhn-item02{width:100%;padding:30px 18px 20px 18px;}
.mhn-slide .mhn-item03{width:100%;padding:10px;}
.mhn-slide .mhn-item img{display:none}
.mhn-slide .mhn-img{min-height:200px;overflow:hidden;height:100%;width:100%;color:white;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) #eee no-repeat center/cover;position:relative}
.mhn-slide .mhn-text{text-align:center;padding:0 10px}
.mhn-slide .mhn-text h4{font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mhn-slide .mhn-text p{max-height:4.5em;overflow:hidden}
.mhn-slide .owl-stage-outer{z-index:1}
.mhn-slide .owl-nav{color:#333;position:absolute;top:0;left:0;right:0;bottom:0;}
.mhn-slide .owl-nav svg{color:currentColor}
.mhn-slide .owl-nav .disabled{display:none}
.mhn-slide .owl-prev,
.mhn-slide .owl-next{
	top:50%;
	z-index:2;
	margin-top:-50px;
	position:absolute;
}
.mhn-slide .owl-prev,.mhn-slide .owl-next{opacity:0.8 !important;cursor: pointer;}
.mhn-slide .owl-prev:hover,.mhn-slide .owl-next:hover{opacity: 0.9 !important;cursor: pointer;}
.mhn-slide .owl-prev{left:-40px}
.mhn-slide .owl-next{right:-40px}
.mhn-slide02{ padding: 0px 50px;}
.container_Micro{ width:97%; margin:15px 1.16% 0px 1.16%; float: left; position: relative; overflow: hidden;}
.container_Micro_img{ width: 100% !important; }
.container_Micro_p{ font-size: 18px; color: #000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block; padding:10px 20px; background-color: #ffffff;}


.second_div03_hover:hover{box-shadow: 0px 0px 8px #bbbbbb;}

.nav-item-hover{ color: #152e83 !important;}
.container_im13{ margin-top: 30px;}
.bloc_bg03{ background:url(/shtml/img/diverse.png) no-repeat center top; min-height: 490px; position: relative; overflow: hidden;}
.bloc_bg11{ background:url(/shtml/img/bg07.jpg) no-repeat center center; min-height:400px; position: relative; overflow: hidden;}
.bloc_bg08{ background:url(/shtml/img/bg05.png) no-repeat center top; min-height:530px; position: relative; overflow: hidden;}
.bloc_bg09{background: url(/shtml/img/Group238.png) no-repeat center top;min-height:725px;	position: relative;	overflow: hidden;}
.second_div{background-color:rgba(255,255,255,0.7); padding: 25px 50px; border-radius: 6px; float: left; margin-top: 30px;}
.second_div03{margin-top:120px !important;}
.second_div_p01{ font-size: 32px; color: #000; display: block; line-height:36px; margin-bottom:15px !important;}
.second_div_p01_span{ font-size: 22px; margin-left: 10px; opacity: 0.7;}
.second_div_p02{ font-size:18px; color: #666666; display: block; margin-bottom: 0px !important;}
.container_p{ line-height:34px !important;}
.container_p02{font-size:14px; color: #999999; text-align: center; }
.container_div{ padding: 20px 50px;vertical-align: middle;}
.container_div_p{ font-size:22px !important;}
.container_lg{ padding-top:60px;}
.container_lg02{ padding:60px 0px;}
.container_lg03{ padding:350px 0px 0px 0px;}
.container_lg04{ padding:10px 0px 60px 0px;}
.container_lg05{ padding:10px 0px 0px 0px;}
.bloc_bg04{ background:url(/shtml/img/bg02.png) no-repeat center center;}
.bloc_bg05{ background: #F9F9F9;}
.container_div02{ overflow:hidden;position: relative;}
.container_div06{ text-align: left !important; margin-top:70px; padding-left: 40%;}
.container_div06 .text-lg-center{ text-align: left !important;}
.container_main{background-color:#f1f1f1;box-shadow: 0px 0px 10px #f5f5f5;overflow: hidden;height:260px; width:100%; margin: 30px auto 0px auto; position: relative;}
.container_main:hover{box-shadow: 0px 0px 10px #dddddd;}
.container_main_p{ font-size: 17px; line-height: 30px;text-align: center; display: block; margin:40px auto 0 auto; width:60%; color: #333333;}
.container_box{ padding: 0px 50px;}
.container_img{ width:100%; max-width: 100%;}
.container_img02{width:100%; max-width: 100%; margin-top: 30px; margin-bottom: 20px;}
.container_img08{width:100%; max-width: 100%; margin-top:90px;}
.container_main02{background-color:#F9F9F9;padding-bottom: 30px; min-height: 260px; margin-top:50px;}
.container_main02_title{background-color:#F1F1F1; padding:6px 0px; color: #000000; text-align: center; font-size: 18px;}
.container_main02_p03{ padding:5px 20px 5px 20px !important; display: block; font-size: 14px; margin-bottom: 0px !important;}
.container_main02_text{ overflow:hidden; min-height: 340px; position: relative;}
.container_main02_text02{ overflow:hidden; min-height:620px; position: relative}
.container_main_img{ position: absolute; bottom:-120px; right:-20px; width: 70%;}

.bloc——box{ padding: 0px !important;}
.bloc_leftbg{ width:50%; background: #2D2A44; overflow:hidden; position: relative;}
.bloc_rightbg{ width:50%; background: #FFAE4F; overflow:hidden; position: relative;}
.bloc_leftbg_img{ float: right; width: 600px;}
.bloc_rightbg_img{ float: left; width: 600px;}
.bloc_tool{ position: absolute; width: 1003px; top: 10px; left: 50%; margin-left: -550px;}
.bloc_tool{ width:100%;}
.bloc_tool_img{ width:85%; margin-left:2%;}
.bloc_tool_img02{ width:60%;margin-left:15%;}
.container_div03{ margin-top:15% !important;}
.bloc_tool_img03{ width:100%; margin-top: 80px;}
.container_img03{width:80%; max-width: 100%; margin-left:10%; margin-top:15px; margin-bottom:10px;}
.container_img04{width:80%; max-width: 100%; margin-left:10%; margin-top: 30px;}
.container_center{ text-align: center;}
.bloc_tool_button{ display: inline-block; height: 40px; padding: 0px 50px; background: #FD8F46; border-radius: 5px; color: #ffffff; font-size: 14px; line-height: 40px; margin-top: 30px;}
.bloc_tool_button img{ position: relative; height:22px; line-height: 40px; margin: 0px 5px;}
.bloc_tool_button span{ color: #ffffff; line-height: 40px;margin: 0px 5px;}
.bloc_tool_button:hover{ box-shadow: 0px 0px 8px #bbbbbb;}

.bloc_bg06{ background: url(/shtml/img/bg03.png) no-repeat; background-position: center top; min-height: 700px; position: relative; }
.second_div02{ width:80%; margin: 0 auto; text-align: center;}
.second_div02_p01{ font-size: 46px; color: #ffffff !important; letter-spacing: 2px; margin-top:30px;}
.second_div02_p02{ font-size:16px; color: #ffffff !important; width: 50%; margin:25px auto 25px auto; line-height: 30px;}
.second_div02_button{ position: relative; width: 100%; overflow: hidden; padding: 10px 0px;}
.second_div02_a{ height: 56px; line-height: 56px; color: #ffffff !important; background: #FF7A00; margin-top:10px; padding: 0px 50px; border-radius: 30px; font-size: 21px; display:inline-block;}
.second_div02_a:hover{ box-shadow: 0px 0px 8px #bbbbbb; color: #ffffff !important; }
.second_div02_img{ width:800px; margin:60px auto 0 auto;}

.Performance_div{ background-color:rgba(255,255,255,0.9);padding:50px 0px; margin:0px auto 25px auto; text-align: center;}
.Performance_div p{ margin-bottom: 0px !important;}


.dropdown-menu{ border: 1px solid #dddddd !important; position: relative;}
.dropdown-menu-img{ position: absolute; left:32px; top: -14px; height: 14px;}

.bloc-footer{  padding-top: 80px; padding-bottom: 40px;}
.footer_div{ width:100%; position: relative; overflow:hidden;  margin-top: 20px;}
.footer_div_p01{ background: url(/shtml/img/Calling.png) no-repeat; background-size: auto 14px; float: left; background-position: 0px 2px; font-size: 12px; color: #ffffff; display: block; padding-left: 18px; margin-right:30px;}
.footer_div_p02{ background: url(/shtml/img/coolicon.png) no-repeat; background-size: auto 14px;float: left; background-position: 0px 1px; font-size: 12px; color: #ffffff; display: block; padding-left: 18px; margin-right:30px;}
.footer_bg{ position:absolute; right:180px; width:440px; top:50px; opacity: 0.15; z-index:0;}
.footer_bg02{background:#2D2A44; padding: 10px 0px;border-top: 1px solid #505050;}
.footer_div02{ width: 100%; position: relative;overflow:hidden;}
.footer_div02_p{ font-size: 12px; color: #ffffff; display:block; text-align:left;margin-top:9px !important;margin-bottom:5px !important; position: relative; z-index: 999;}
.codebox{ overflow: hidden; position: relative; float: right; margin-right: 20px; z-index: 999;}

#youdaoBanner{ margin-top:35px; position: relative;}
#youdaoBanner .swiper-wrapper{ padding-left: 0px !important;padding-right: 0px !important}
#youdaoBanner .swiper-button-prev:hover,#youdaoBanner .swiper-button-next:hover{
	 opacity: 0.9 !important;
	 cursor: pointer;
	
}
#youdaoBanner .swiper-button-prev{
	position:absolute;
	z-index:999;
	width: 40px;
    height:40px;
	top: 35px;
	background:url(/shtml/img/chevronleft.png);
	background-size: 40px auto;
	left:auto;
	right:80px;}
#youdaoBanner .swiper-button-next{
	background:url(/shtml/img/chevronright.png);
	position:absolute;
	z-index:999;
	width: 40px;
    height:40px;
	top: 35px;
	background-size: 40px auto;
	left:auto;
	right:10px;}
#youdaoBanner:hover .swiper-button-prev,#youdaoBanner:hover .swiper-button-next{
	display:block;
}
.container_div04_left{ height: 280px; width: 280px; float: left; margin-top: 20px;}
.container_div04{ background-color: #FAFAFA; height: 280px; width:900px; overflow: hidden; position: relative; float: left; margin-left: 20px; margin-top: 20px; vertical-align: middle;align-items: center;}
.container_div04 p{ margin-left: 60px !important;margin-right: 60px !important; margin-bottom: 10px !important; vertical-align: middle; display: flex;align-items: center; }
.container_div05{ background-color: #FAFAFA; height: 280px; width:900px; overflow: hidden; position: relative; float: left; margin-right: 20px; vertical-align: middle;align-items: center;margin-top: 20px;} 
.container_div05 p{ margin-left: 60px !important;margin-right: 60px !important; margin-bottom: 10px !important; vertical-align: middle; display: flex;align-items: center; }
.container_div04 .mg-md,.container_div05 .mg-md{ margin-top:45px !important;}
.container_div_p02{ margin-top:64px !important;}

.boxbg{ background: url(/shtml/img/bg04.png) no-repeat; background-position: center 100px; min-height: 700px; position: relative; }
.bloc_bg07{ background:#FFF7F6;}
.container_img05{ position: absolute; right: 0px; width:54%; top:160px;}
.container_shine_title{ font-size: 46px; color: #333333; display: block; margin-top:100px;}
.container_shine_p{ font-size:18px; color: #999999; display: block; line-height: 30px;}
.container_shine_title02{ font-size: 46px; color: #ffffff; display: block; margin-top:140px; text-align: center;}
.container_shine_p02{ font-size:18px; color: #ffffff; text-align: center; display: block; line-height: 30px;}
.container_shine_a {
    height: 56px;
    line-height: 56px;
    color: #ffffff !important;
    background: #FF6994;
    margin-top: 30px;
    padding: 0px 50px;
    border-radius: 30px;
    font-size: 21px;
    display: inline-block;
}
.container_shine_a:hover {
    box-shadow: 0px 0px 8px #bbbbbb;
    color: #ffffff !important;
}
.container_lg02_p{ background-color: #f7f8f8; padding: 15px 0px}
.Menubox_tab { width: 80%; margin:60px auto 0 auto; background: #ffffff; height: 56px; border-radius: 3px; overflow:hidden;}
.Menubox_tab ul{margin:0px;padding:0px;}
.Menubox_tab li{float:left;display:block;cursor:pointer;width:33.33%;height:56px; font-size: 14px; text-align:center;color:#999999;}
.Menubox_tab li.hover{background:#E3007B;color:#ffffff;}
.Menubox_tab li.hover .Menubox_tab_img01{ display: block !important;}
.Menubox_tab li.hover .Menubox_tab_img02{ display: none !important;}
.Menubox_tab_img01{ width: 20px; margin:8px auto 0 auto; display: none;}
.Menubox_tab_img02{ width: 20px; margin:8px auto 0 auto; display: block;}
.Contentbox_tab{width:80%; margin:50px auto 0 auto; position: relative; overflow: hidden;	}
.Contentbox_tab_left{ float: left; display: block;width: 50%;}
.Contentbox_tab_left img{ width: 150px; }
.Contentbox_tab_right{ font-size: 14px; color: #ffffff; vertical-align: middle; float: left; display: block; height: 150px;display: table;  width: 50%;}
.Contentbox_tab_right p{ padding-left:10px; display: table-cell;vertical-align: middle; font-size: 15px; line-height: 26px;}

.container_shine_text01{ font-size: 18px; display: block; color: #ffffff;}
.container_shine_text02{font-size:24px; display: block; color: #ffffff;}
.container_shine_text03{ font-size: 18px; display: block; color: #FFD7E2; height: 52px; line-height: 26px;}
.container_shine_img03{ width: 100%; display: block; border-radius:5px;}
.container_shine_word{ position: absolute; bottom: -85px; left: 0px; width: 100%; height: 84px; background: url(/shtml/img/Rectangle382.png) repeat-x;background-size:auto 84px;z-index: 99; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.mhn-item02:hover .container_shine_word{ bottom: 0px;transition: all .2s ease-in;}
.container_shine_box{ width: 100%;overflow:hidden; position: relative;}
.container_shine_word_p01{ font-size: 21px; color: #ffffff; display: block;overflow: hidden;text-overflow:ellipsis;	white-space: nowrap;padding: 0px 15px; margin-bottom:0px !important; margin-top:38px;}
.container_shine_word_p02{ font-size: 14px; color: #ffffff !important; display: block;overflow: hidden;text-overflow:ellipsis;	white-space: nowrap;padding: 0px 15px}

.shine_row{ margin-top: 20px;}
.shine_img0{ width: 68px !important; margin: 0 auto; display: block;}
.shine_img02{ width:310px; margin:20px auto 20px auto; display: block;}
.shine_img03{ width:62px; display: block; margin:7px auto;}
.shine_font{ font-size:19px; margin-top: 20px; margin-bottom: 15px; text-align: center;}
.shine_font02{ font-size: 16px; color: #666666; text-align: center; margin-top: 2px;}
.shine_font03{ font-size: 16px; color: #333333; text-align: right; line-height:76px; }
.shine_font04{ font-size: 16px; color: #333333; text-align: left; line-height:76px; }


.Menubox_tab02 { width: 80%; margin:110px auto 0 auto;height: 56px; border-radius: 3px; overflow:hidden;}
.Menubox_tab02 ul{margin:0px;padding:0px;}
.Menubox_tab02 li{float:left;display:block;cursor:pointer;width:50%;height:56px; font-size: 14px; text-align:center;color:#999999;}
.Menubox_tab02 li p{ display: block; width: 150px; margin: 0 auto; text-align: center; font-size: 22px; height: 50px; line-height: 50px; color: #ffffff; border: 1px solid #ffffff;}
.Menubox_tab02 li.hover p{background:#ffffff;color:#000000;}
.Menubox_tab02 li:hover p{color:#000000;}
.Contentbox_tab02{width:80%; margin:0px auto 0 auto; position: relative; overflow: hidden;	}
.Contentbox_tab02_img{ width: 82%; margin: 0 auto; display: block;}
.container_science_mian{ width:100%; position: relative ; overflow: hidden;}
.container_science_mian02{ margin-top:25px;}
.container_science_mian_div{ overflow: hidden; width:50%; float: left; position: relative;}
.container_science_mian_div_text01{ width: 50%; float: left; position: relative; overflow: hidden; height: 330px; background: url(/shtml/img/Group199.png) no-repeat #2D2A44; background-size:50% auto; background-position:right bottom ;}
.container_science_mian_div_text02{ width: 50%; float: left; position: relative; overflow: hidden; height: 330px; background:#F5F5F5;}
.container_science_mian_div_text03{ width:100%; float: left; position: relative; overflow: hidden; height: 330px; background: url(/shtml/img/Group200.png) no-repeat #2f8f7a; background-size:100% auto; background-position:right bottom ;}
.container_science_mian_div_text04{ width: 50%; float: left; position: relative; overflow: hidden; height: 330px; background:#FFAE4F;}
.container_science_mian_div_text05{ width: 50%; float: left; position: relative; overflow: hidden; height: 330px; background:#F5F5F5;}
.container_science_mian_div_text06{ width:100%; float: left; position: relative; overflow: hidden; height: 330px; background: url(/shtml/img/Group239.png) no-repeat #0f4d96; background-size:100% auto; background-position:right bottom ;}
.container_science_mian_div_text02 p,.container_science_mian_div_text05 p{ color: #333333 !important;}
.container_science_mian_div_text01_p01{ display: block; font-size: 20px; color:#ffffff; margin:30px 25px 15px 25px;}
.container_science_mian_div_text01_p02{ display: block; font-size: 16px; color:#ffffff; margin:0px 25px 10px 25px;}
.container_science_mian_div_text_img{ display:block; height:32px; position: absolute; top:20px; right:18px; }
.bloc_bg10{ background: #FFF9F1;}
.container_science_mian_technology{ width: 30%; float: left; position: relative; overflow: hidden; padding-bottom:30px; padding-top:30px; }
.container_science_mian_technology02{ width:40%; float: left; position: relative; overflow: hidden; padding-bottom:30px; padding-top:30px;}
.container_science_mian_technology_text{ border: 1px solid #ecebe8; padding:5px 5px 15px 5px; width:250px; }
.container_science_mian_technology_text02{  padding:5px 5px 15px 5px; width:75%;}
.container_science_mian_technology_text:hover{ background: #ffffff;border: 1px solid #ffffff; box-shadow: 5px 5px 6px rgba(255,174, 79, 0.3);}
.container_science_mian_technology_text_img{ width: 60px; margin:25px auto 20px auto; display: block;}
.container_science_mian_technology_text_p01{ display: block; font-size: 20px; color:#333333; text-align:center; margin:0px 10px 5px 10px}
.container_science_mian_technology_text_p02{ display: block; font-size: 16px; color:#333333; text-align:center;margin:0px 10px 5px 10px}
.container_science_mian_technology_text_p03{font-size: 32px;color: #000000; display:block; margin-top:70px;}
.container_science_mian_technology_text_p04{font-size: 14px;color: #999999; display:block; line-height: 24px;}
.bloc-footer h4{ margin-bottom: 15px !important;}
.bloc-footer a{ margin-bottom: 6px !important;}
.container_img06{ width:19.5%;float: left; position: relative; margin-top:40px;}
.container_img07{ width:61%;float: left; position: relative;margin-top:40px;}
.container_img09{ width:19.5%;float: left; position: relative; margin-top:0px;}
.container_img10{ width:61%;float: left; position: relative;margin-top:70px;}
.bloc-tool{ padding:60px 0px 150px 0px !important;}
.bloc-shine{ padding:120px 0px 90px 0px !important;}
.index_font{font-size:50px;	color: #ffffff;	text-align: center; letter-spacing:8px;margin-top:40px;margin-bottom:40px;}

.container_img12{ display: block;width:100%; max-width: 100%; position: relative; }
.container_img12 img{width:100%; max-width: 100%; }
.container_img11{width:100%; max-width: 100%; margin-top: 30px; display: none;}

.container_img12_p01{ background: #6C95E0; font-size: 32px; color: #ffffff; text-align: center; border-radius: 50%; width: 190px; height: 190px; line-height: 190px; position:absolute; left: 330px; top: 90px; z-index: 99;}
.container_img12_p02{ background: #FFB200; font-size: 32px; color: #ffffff; text-align: center; border-radius: 50%; width: 155px; height: 155px; line-height: 155px; position:absolute; left: 660px; top: 260px; z-index: 99;}
.container_img12_p03{ background: #903BBB; font-size: 32px; color: #ffffff; text-align: center; border-radius: 50%; width: 125px; height: 125px; line-height: 125px; position:absolute; left: 420px; top: 400px; z-index: 99;}
.container_img12_p01:hover{ box-shadow: 0px 0px 15px #6C95E0;}
.container_img12_p02:hover{ box-shadow: 0px 0px 15px #FFB200;}
.container_img12_p03:hover{ box-shadow: 0px 0px 15px #903BBB;}
.shine_code{ margin: 0 auto;width: 150px; display: block;}
.tool_cell{ text-align: center; position: relative;background: #FAFAFA; padding:30px 0px; width: 100%; border-radius: 5px; margin-top:120px;}
.tool_cell_p01{ display: inline-block;  font-size: 28px; color: #666666; line-height: 34px; font-weight: lighter; margin-bottom: 0px !important; position: relative ; top:8px; font-weight: 600;}
.tool_cell_p02{ display: inline-block;  font-size:58px; color: #152e83; font-weight:lighter; margin-bottom: 0px !important; margin-left: 30px; font-family:sans-serif; letter-spacing:10px;font-family:'SourceHanSansCN-Light';}
.container_h4_hover:hover{opacity: 0.7;}

@font-face{
 
	　　font-family:'SourceHanSansCN-Light';
	 
	　　src:url('./fonts/SourceHanSansCN-Light.ttf');
	 
	　　}

.footer_img{ width:140px; position: relative;}
.Contentbox_tab_down{ text-align: center; font-size: 15px; color: #ffffff; display: block; padding-top: 10px;}

.container_top_img{ width: 24.5%; display:block; margin: 0px 1.2%; float: left;box-shadow: 1px 5px 12px #EDEFF1,1px 5px 12px #EDEFF1;}
.container_top_img02{ width: 43.2%; display:block; margin: 0px 1.2%; float: left;box-shadow: 1px 5px 12px #EDEFF1,1px 5px 12px #EDEFF1;}

.container_top_box{ position: relative; width: 100%; overflow: hidden;}
.container_top_box_p{ font-size:21px; color: #ffffff;position: absolute; text-align: center; top: 50%; margin-top: -20px;width: 100%; padding: 5px 0px; border-top: 1px solid #7892a5; border-bottom: 1px solid #7892a5;}
.container_top_box:hover .container_top_fontmian01{bottom:0px !important;}
.container_top_fontmian01{ overflow:hidden; position:absolute; bottom: -251px;left: 0px; display: block; width: 100%; height: 251px; z-index: 9; background: #152e83;padding: 10px 20px;transition: all 1s;}
.container_top_fontmian01 h3{line-height: 24px;}
.container_top_fontmian01 h3,.container_top_fontmian01 p{color:#ffffff !important;}
.container_top_fontmian02{ display:none;width: 100%; position: relative}

@media screen and (max-width:780px) and (min-width: 0px){
	.container_top_fontmian01{ display:none}
	.container_top_fontmian02{ display:block}
	.bloc_bg02_img{ width:44% !important; margin: 10px 2% 10px 2% !important; height: auto  !important;}
	.bloc_bg02_div{padding: 0px !important;}
	.bloc_bg03{  min-height:290px;}
	.bloc_bg04{ background:#6c777b ;}
	.container_img04{width:98% !important;margin-left: 1% !important;}
	.bloc_rightbg_img{ width: 100% !important; height: auto !important;}
	.bloc_leftbg_img{ width: 100% !important; height: auto !important;}
	.bloc_tool{left: 20px !important;margin-left:0px !important;}
	.bloc_tool_button{margin-top:40px !important;}
	.bloc-lg,.bloc_bg{padding: 50px 20px !important ;}
	.container_div04_left{ width: 100% !important; height: auto !important;}
	.container_div04{ width:100% !important; height:  auto !important; margin-left: 0px !important;}
	.container_div05{ width:100% !important; height:  auto !important; margin-left: 0px !important;}
	.bloc_bg06{background: #326EBD;}
	.second_div02{ width: 100% !important;}
	.second_div02_img{ width:100% !important; margin:30px auto 0 auto;}
	.second_div_p01{ font-size:28px !important;}
	.container_img05{ position: relative !important; width: 90% !important; margin: 0 auto; top: 0px !important;}
	.container_lg03{padding: 80px 0px 80px 0px !important;}
	.container_shine_bg{ padding-bottom: 30px;}
	.container_img03{ width:100% !important; margin-left: 0px !important;}
	.container_shine_text01,.container_shine_text02,.container_shine_text03{ text-align: center;}
	.container_science{background: #ffce03; padding-bottom: 30px;}
	.container_div06{ padding-left:5% !important;}
	.container_science_mian_div,.container_science_mian_technology,.container_science_mian_technology02{ width: 100% !important;}
	.container_science_mian_technology_text{ width: 60% !important; margin: 0 auto !important;}
	.container_science_mian_technology_text02{ margin: 0 auto;}
	.bloc-footer .container_h4{ margin-top: 22px;}
	.code{margin:20px auto 0 auto;}
	.footer_div02_p{ padding: 0px 20px;}
	.logo{height: 34px !important;}
	.navbar{padding:0px 1rem !important;}
	.container_img11{display: block !important;}
	.container_img12{ display: none !important;}
	.second_div02_p02{ width: 90% !important;}
	.index_font{ font-size: 38px !important; line-height: 50px;}
	.tool_cell_p01{ font-size: 20px !important; line-height: 28px !important; }
	.container_shine_bg{ background: #FF6994;}
	.container_div02_text01,.container_div02_text02{ width:100% !important; padding-top: 0px !important;}
	.footer_img{ width: 140px; display: block ; margin: 0 auto 10px auto;}
	.circular{width:100% !important; margin:40px auto 0 auto; display: block;}
	.container_us02{ font-size:27px !important; line-height: 46px !important;}
	.container_div_p25{ margin-top: 0px !important;}
	.container_us{ margin-bottom: 30px !important;}
	.p-bloc-1-style{ margin-bottom:40px !important;}
	.carousel-indicators{bottom: -15px !important;}
	.bloc_bg08{ min-height: 420px !important;}
	.tool_cell_p02{ font-size:34px !important; letter-spacing:3px !important;}
	.bloc_bg11{ min-height: 300px !important;}
	.bloc_bg06{ min-height: 600px !important;}
	.container_shine_title02{ margin-top:40px !important;}
	.bloc-shine {
		padding: 10px 0px 60px 0px !important;
	}
	.container_shine_title{ margin-top:30px !important;}
	.us_p01{ width: 100% !important;}
	.footer_div_p01,.footer_div_p02{ margin-left: 20px;}
	.codebox{ float: none !important;margin-right: 0px !important;}
	.mhn-slide .owl-prev{left:0px !important;}
	.mhn-slide .owl-next{right:0px !important;}
	.mhn-item,.mhn-item02{ margin:0 auto;}
	.owl-next{ display: block !important;}
	.container_main02_text,.container_main02_text02{ min-height: auto !important;}
	.container_img10{ margin-top: 20px !important;}
	.container_teacher_more{  top:8px;}
	.second_div03 {margin-top: 50px !important;}
	.Menubox_tab02 {width: 90% !important;margin:50px auto 0 auto !important;}
	.shine_img0{ width: 45px !important;}
	.shine_font{ font-size: 16px !important;}
	.shine_font02{ font-size: 14px !important;}
	.shine_row{ width:25% !important;}
	.shine_row02{ width:50% !important;}
	.shine_img02{ width: 100% !important;}
	.shine_row_div01{ width:70%; float: left; padding:0px !important ;}
	.shine_row_div02{ width:30%; float: left; padding:0px !important ;}
	.shine_img03{ width:30px !important; margin:2px auto !important;}
	.shine_font03,.shine_font04{ font-size: 11px !important;line-height:35px !important;}
	.shine_font03{ margin-right: 5px;}
	.shine_font04{ margin-left: 5px;}
	.footer_div02_p{ text-align:center;}
	.container_main_img{ width:60% !important;}
	.headerbox{ height:55px !important;}
	.container_lg02_p{text-align:center;}
	.footer_bg{bottom: 0px !important; right:0px !important; top: auto !important;}
	.people_list_a{width: 100% !important;}
	.mian_div_icon04{ position: relative !important; left:0px !important;}
	.details_right{ margin-top: 30px;}
}
@media screen and (min-width:780px) and (min-width: 0px){
	body{min-width: 1200px !important;}
}

.bread{width:auto;height:auto;line-height:20px;color:#787878;padding:20px 0px 20px 0px;overflow:hidden;position:relative; font-size: 14px;}
.bread span{float:left;font-weight:normal;color:#666666; font-size: 14px;}
.bread span a{color:#666666; margin-right: 5px;font-size: 14px;}
.bread a:hover{color:#0239A3;}
.news02{ overflow:hidden; padding:20px 0px 10px 0px;}
.news02_title{ display: block; font-size:30px; text-align: center;display: block; margin: 0 auto; }
.news02_title02{ text-align:center; font-size: 14px; padding-top: 12px; color: #999999;}
.news02_div{ overflow:hidden; padding-top: 15px;}
.news02_div img{ max-width:80%; display: block; margin: 0 auto; padding: 10px 0px;}
.news02_div p{ font-size: 16px; color: #333333;display: block; margin: 0 auto; padding: 10px 0px; line-height: 28px;}
.mian_div_icon04{position: absolute ; right:20px; top: 50%; margin-top: -10px;}
.mian_div_icon07{ color: #82899B;font-size:14px; overflow: hidden;display: block; text-align: center;margin: 13px 0px 0px 0px; width: 100%;}
.mian_div_icon_p07{ display:inline-block;margin-right: 15px; padding-left:20px; background: url(/shtml/img/write.png) no-repeat left center; background-size: 15px auto; height: 20px; line-height: 20px; font-size: 14px;  color: #888888;}
.mian_div_icon_p08{ display:inline-block;margin-right: 15px; padding-left:20px; background: url(/shtml/img/time.png) no-repeat left center; background-size: 15px auto; height: 20px; line-height: 20px; font-size: 14px;  color: #888888;}
.mian_div_icon_p09{ display:inline-block; padding-left:20px; background: url(/shtml/img/view.png) no-repeat left center; background-size: 15px auto; height: 20px; line-height: 20px; font-size: 14px;  color: #888888;}

.bloc-font{ padding-bottom:60px;}

.people_box{ overflow:hidden; position: relative; padding-bottom: 25px; padding-top: 10px;}

.people_list03{ overflow:hidden; padding:25px 20px; background-color: #ffffff; position: relative;min-height: 30px;}
.people_list03:hover,.people_list04:hover{ z-index:99;}
.people_list04{ overflow:hidden; padding:20px; background-color:#f8f9fa; position: relative;min-height:30px; z-index: 2;}
.people_list_a{ font-size:16px; display: block; float: left; width:75%; line-height:60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.people_list_a02{ float: right; font-size: 14px; color: #999999; line-height:60px; display: block;}

.case_main_page{ padding:40px 0px 20px 0px; margin:0 auto; overflow: hidden;line-height:40px; text-align:center;}
.case_main_page_span{ color:#999; font-size:12px; margin-right:15px; margin-left:-20px;}
.case_main_page_div{ display:inline-table; background-color:#eeeeee; border-radius:5px; padding:8px 55px; line-height:24px; position:relative;}
.case_main_page_div a{ display:inline-block; min-width:24px; line-height:24px; text-align:center; margin:0px 5px; color:#666;}
.case_main_page_div a:hover{ color:#152e83;}
.case_main_page_div_a{ background-color:#152e83; color:#fff !important; border-radius:50%;}
.case_main_page_div span{  display:inline-block;width:24px; margin:0px 5px; color:#666;}
.case_main_page_div_left{ display:inline-block; position:absolute; left:14px; height:24px; border-radius:50%; background:url(/shtml/img/b54.png) center center no-repeat #dcdcdc;}
.case_main_page_div_left:hover{background:url(/shtml/img/b58.png) center center no-repeat #dcdcdc !important;}
.case_main_page_div_right{ display:inline-block; height:24px; position:absolute; right:14px; border-radius:50%; background:url(/shtml/img/b55.png) center center no-repeat #dcdcdc;}
.case_main_page_div_right:hover{background:url(/shtml/img/b59.png) center center no-repeat #dcdcdc !important;}


.details_right{ padding:10px 0px 10px 0px; width: 100%; margin-bottom: 20px;}
.details_right_title{ display:block;height:22px; line-height:22px; margin-bottom:5px; font-size:16px; font-weight: bold;color:#000;}
.details_right_font{  overflow:hidden;}
.details_right_font_div{border-bottom:1px dashed #dddddd; position:relative; padding:15px 0px 15px 10px; }
.details_right_font_div span{ display:block; width:3px; height:3px; position:absolute; top:25px; left:0px; background-color:#666666;}
.details_right_font_div a{ line-height:22px; display:block; max-height:44px; font-size: 14px; overflow:hidden; color: #666666 !important;}
.details_right_font_div a:hover{color:#012859 !important; }
.mian_div_icon{ color: #82899B;font-size:14px; overflow: hidden;display: block; margin: 20px 25px 0px 25px;}
.mian_div_icon_p01{ display:block; float: left; margin-right: 20px; padding-left:20px; background:url(/shtml/img/time.png) no-repeat left center; background-size: 16px auto; height: 20px; line-height: 20px; font-size: 14px;  color: #82899B;}
.mian_div_icon_p02{ display:block; float: left; padding-left:20px; background: url(/shtml/img/view.png) no-repeat left center; background-size: 16px auto;height: 20px; line-height: 20px; font-size: 14px;  color: #82899B;}